<script>
import InventoryCountList from './InventoryCountList.vue'

export default {
  name: 'InventoryCountManage',
  components: { InventoryCountList },
  data() {
    return {
      activeKey: 'draft'
    }
  }
}
</script>

<template>
  <a-card :bordered="false" class="inventory-count-manage-container">
    <!-- 暂存中 需修改 审批中 已审批 -->
    <a-tabs v-model:activeKey="activeKey">
      <a-tab-pane key="draft" tab="暂存中">
        <inventory-count-list v-if="activeKey === 'draft'" :status="0" />
      </a-tab-pane>
      <a-tab-pane key="modify" tab="需修改">
        <inventory-count-list v-if="activeKey === 'modify'" :status="1" />
      </a-tab-pane>
      <a-tab-pane key="approval" tab="审批中">
        <inventory-count-list v-if="activeKey === 'approval'" :status="2" />
      </a-tab-pane>
      <a-tab-pane key="approved" tab="已审批">
        <inventory-count-list v-if="activeKey === 'approved'" :status="3" />
      </a-tab-pane>
    </a-tabs>
  </a-card>
</template>

<style scoped>

</style>